{include file="public/head" title="订单" keywords="订单" description="订单" /}
<style>
    .chongzhi_s1 button{
        border:none;
        background-color: #fff;
        border-right: 1px solid #f2f2f2;
    }
    .action{
        border-bottom: 1px;
        border-bottom-color:rgb(246, 115, 85);
    }
    .order-info{
        float: left;
        margin-top: 0.6rem;
        width: 100%;
    }
    .order-info li{
        display: block;
        float: left;
        font-size: 0.5rem;
        height: 1.6rem;
        line-height: 1.6rem;
    }
    .order-info .img{
        display: block;
        width: 80px;
        height: 80px;
        margin-left: -1.7rem;
    }
    .order-info .title{

        border-bottom:none;
    }
    .order-info .shuxing{
        clear: both;
        width: 100%;
        margin-left: 85px;
        border-bottom: 1px solid #efefef;
    }
    .order-info .order-price span{
        display: block;
        float: right;
        margin-top: -1.5rem;
        /*width: 1rem;*/
    }
    .order-info .zongjia{
        display: block;
        text-align: right;
        width:100%;
        padding:0;
        border-bottom: none;
        margin-top: -1.4rem;
    }
    .topay{
        border: 1px solid #01cebf;border-radius: 50px;width: 4.5rem;height: 1.6rem;text-align: center;
    }
</style>
<div id="offCanvasWrapper" class="mui-off-canvas-wrap mui-draggable">
    <!-- 菜单容器 -->

    <div class="mui-inner-wrap">
        <div id="offCanvasContentScroll" class="mui-content mui-scroll-wrapper" style="background-color: #fff;">
            <div class="mui-scroll">
                <header class="tx_head">
                    <p>
                        <a href="{:url('index')}" class="header_p1"><span class="mui-icon mui-icon-arrowleft"></span></a>
                    <h5>我发布的订单</h5>

                    </p>
                </header>
                    <main class="wdzh_main">
                        <section class="wdzh_main_section1">
                            <div style="{if condition='$status eq 1'}border-bottom: 1px solid #01cebf {/if}">
                                <a href="{:url('Account/order',['status'=>1])}"><div>

                                    <p class="tbp">待付款</p>
                                </div></a>
                            </div>
                            <div style="{if condition='$status eq 2'}border-bottom: 1px solid #01cebf {/if}">
                                <a href="{:url('Account/order',['status'=>2])}"><div>

                                    <p class="tbp">待接单</p>
                                </div></a>
                            </div>
                            <div style="{if condition='$status eq 3'}border-bottom: 1px solid #01cebf {/if}">
                                <a href="{:url('Account/order',['status'=>3])}"><div>
                                    </span><p class="tbp">服务中</p>
                                </div></a>
                            </div>
                            <div style="{if condition='$status eq 4'}border-bottom: 1px solid #01cebf {/if}">
                                <a href="{:url('Account/order',['status'=>4])}"><div>

                                    <p class="tbp" style="margin-top: -3px;">已完成</p>
                                </div></a>
                            </div>

                        </section>
                        <section class="wyty_section2 line">
                            {empty name="all"}
                            <div style="text-align: center;margin-top: 10px;">暂无数据......</div>
                            {else /}
                            {volist name="all" id="v" key="index"}
                            <ul class="jyjl_ul">
                                <li class="jyjl_li" style="border-bottom: 7px solid #f3f3f3;line-height: 0;height: 9.8rem;">
                                    <div class="order-info">
                                        <ul>
                                            <li class="title" style="clear: both;border-bottom: 1px solid #efefef;width: 112%;line-height: 2.7rem;  height: 2.7rem;margin-top: -0.5rem;">
                                                订单编号:{$v.order_mun} <span style="float: right">{$v.addtime|date="Y-m-d H:i:s",###}</span>
                                            </li>
                                            <li>
                                                <img class="img" src="{$v.original_img}"  />
                                            </li>
                                            <li class="title">
                                                {$v.goods_name}
                                            </li>
                                            <li class="shuxing">

                                            </li>
                                            <li class="order-price" style="margin-left: 5rem;">
                                                <span style="color: red">￥{$v.price}元 x{$v.munber}</span>
                                            </li>
                                            <li class="zongjia" >
                                                <span style="margin-top: -1.8rem;">总价:{$v.price * $v.munber}元</span>
                                                {if condition="$v.status eq 1"}
                                                <span data-src="{:url('todopay',['id'=>$v.id])}" style="margin-top: 0.2rem;">
                                                    <a href="{:url('todopay',['orderid'=>$v.id])}" style="color:  #01cebf;">
                                                        <span class="topay"  >立即支付</span>
                                                    </a>
                                                </span>
                                                {elseif condition="$v.status eq 2"}
                                                <span class="topay">待服务</span>
                                                {elseif condition="$v.status eq 3"}
                                                <span data-src="{:url('todopay',['id'=>$v.id])}" style="margin-top: 0.2rem;">
                                                    <a href="{:url('todopay',['weikuan'=>$v.id])}" style="color:  #01cebf;">
                                                         <span class="topay"  >支付尾款</span>
                                                    </a>
                                                </span>
                                                {elseif condition="$v.status eq 4"}
                                                <span class="topay">待评价</span>
                                                {/if}
                                        </ul>
                                    </div>
                                </li>
                            </ul>
                            {/volist}
                            <!-- 分页 (调取通用方法)-->
                            {/empty}
                        </section>


                    </main>
                    <br>
                    <br>
                    <br>
            </div>
        </div>
        <div class="mui-off-canvas-backdrop"></div>
    </div>
</div>
{include file="public/footer"}
</body>
<script>
</script>
</html>